.icon {
  width: 25px;
  height: 25px;
  font-family: 'iconfont';
  font-style: normal;
  background-size: contain;
  display: block;
}

.weather-icon-sunny {
  background: url(~@/assets/images/weather/0.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

.weather-icon-morning {
  background: url(~@/assets/images/weather/T_ICON_Morning.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

.weather-icon-afternoon {
  background: url(~@/assets/images/weather/T_ICON_Sunset.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

.weather-icon-cloudy {
  background: url(~@/assets/images/weather/4.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

.weather-icon-rain {
  background: url(~@/assets/images/weather/14.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

// .weather-icon-sunny {
//   background: url(../../images/c-top/icon-arrow-up.png) no-repeat center center;
//   background-size: contain;
//   transform: rotateZ(180deg);
// }

.greenmark-icon1 {
  width: 100px;
  height: 100px;
  margin-left: 10px;
  //border: 1px solid red;
  background: url(~@/assets/images/GreenBuild/platinum-small.png) no-repeat left top;
  background-size: contain;
  transform: scale(0.8, 0.8);
}

.greenmark-icon2 {
  width: 100px;
  height: 100px;
  margin-left: 10px;
  background: url(~@/assets/images/GreenBuild/goldplus-small.png) no-repeat left top;
  background-size: contain;
  transform: scale(0.8, 0.8);
}

.greenmark-icon3 {
  width: 100px;
  height: 100px;
  margin-left: 10px;
  background: url(~@/assets/images/GreenBuild/gold-small.png) no-repeat left top;
  background-size: contain;
  transform: scale(0.8, 0.8);
}

.greenmark-icon4 {
  width: 100px;
  height: 100px;
  margin-left: 10px;
  background: url(~@/assets/images/GreenBuild/certified-small.png) no-repeat left top;
  background-size: contain;
  transform: scale(0.8, 0.8);
}